<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<title>找回密码-确认账号</title>

<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="Css/bootstrap.css">
<script type="text/javascript" src="Js/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="Css/style.css">
</head>

<body>
	<div class="container-fluid " style="background:#FAFAFA;">
		<div class="row" style="margin:20px;">
			<div class="col-md-2"></div>
			<div class="col-md-8">
				<a href="" style="color:red;font-size:20px;">回到主页</a> <span>|</span>
				<span style="font-size:20px;color:#999999;">账号设置</span>
			</div>
			<div class="col-md-2">
				<a href="login.html">登录</a><span>|</span><a href="register.html">注册</a>
			</div>
		</div>
		<hr style="margin:5px;">
		<div class="row">
			<div class="col-md-3"></div>
			<div class="col-md-9">
				<span style="color:#999999;">找回密码</span>
			</div>
		</div>
		<hr style="margin:5px;">
	</div>

	<div class="container">
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-8">
				<ul class="mod-sub-nav">
					<li class="mod-sub-list1 ">确认账号</li>
					<li class="mod-sub-list2 ">安全验证</li>
					<li class="mod-sub-list3 list3-active">重置密码</li>
				</ul>
			</div>
		</div>
		<div class="row">
			<div class="col-md-3"></div>
			<div class="col-md-6">
				<span class="span">你正在找回的账号是:${sessionScope.findName}</span>
			</div>
		</div>
		<div class="row" style="height:10px;"></div>
		
		<form action="<c:url value='/findPasswordServlet'/>" method="get">
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-1">新密码</div>
				<div class="col-md-4">
					<input type="password" id="pwd" name="pwd" class="form-control" required="required"/>
				</div>
			</div>
			<div class="row" style="height:20px;"></div>
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-1">确认密码</div>
				<div class="col-md-4">
					<input type="password" id="npwd"  name="npwd" class="form-control" required="required"/>
				</div>
			</div>
           <div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-1"></div>
				<div class="col-md-1"></div>
				<div class="col-md-4">
					<span id="error" style="color:red;"></span>
				</div>
			</div>

			<div class="row" style="height:40px;"></div>
			<div class="row">
				<div class="col-md-3"></div>
				<div class="col-md-4">
				    <input type="hidden"  name="temp" value="3">
					<button type="submit" class="btn btn-primary btn-lg btn-block" onclick="return checkPwd();">确定</button>
				</div>
			</div>

			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-8">
					<hr />
				</div>
			</div>
		</form>
	</div>
</body>
<script type="text/javascript">
    
    function checkPwd(){
    
        var pwd=$('#pwd').val();
        var npwd=$('#npwd').val();
        if(pwd==npwd){
            return true;
        }else{
            $('#error').html("你输入的密码不一致,请重新输入");
            return false; 
        }      
    } 
 
</script>
</html>
